{{ header }}
<div class="site-breadcrumb">
	<div class="container">
		<ul class="breadcrumb">
			{% for breadcrumb in breadcrumbs %}
			<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
			{% endfor %}
		</ul>
	</div>
</div>
<div class="page-main">
	<div class="container">
		<div class="row">
			{{ column_left }}
			{% if column_left and column_right %}
			{% set class = 'col-sm-6' %}
			{% elseif column_left or column_right %}
			{% set class = 'col-sm-9' %}
			{% else %}
			{% set class = 'col-sm-12' %}
			{% endif %}
			<div id="content" class="{{ class }}">
				{{ content_top }}
				<h1 class="page-title">{% if image %}<img src="{{ image }}" class="logo" />{% endif %}<span class="title">{{ heading_title }}</span></h1>
				<div class="row">
					<div class="product-filters col-sm-12">
						{% if products %}
						<div class="filter sort">
							<div class="name">{{ text_sort }}{{ colon }}</div>
							<div class="items">
								<a href="{{ sorts.default.href }}"{% if sorts.default.value == '%s-%s'|format(sort, order) %} class="active"{% endif %}><span>{{ text_default }}</span></a>
								<a href="{{ sorts.price_asc.href }}"{% if sorts.price_asc.value == '%s-%s'|format(sort, order) %} class="active"{% endif %} rel="nofollow"><span>{{ text_price_asc }}</span><i class="icon-arrow-thin-up"></i></a>
								<a href="{{ sorts.price_desc.href }}"{% if sorts.price_desc.value == '%s-%s'|format(sort, order) %} class="active"{% endif %} rel="nofollow"><span>{{ text_price_desc }}</span><i class="icon-arrow-thin-down"></i></a>
								<a href="{{ sorts.added_desc.href }}"{% if sorts.added_desc.value == '%s-%s'|format(sort, order) %} class="active"{% endif %} rel="nofollow"><span>{{ text_added_desc }}</span><i class="icon-arrow-thin-right"></i></a>
								<a href="{{ sorts.added_asc.href }}"{% if sorts.added_asc.value == '%s-%s'|format(sort, order) %} class="active"{% endif %} rel="nofollow"><span>{{ text_added_asc }}</span><i class="icon-arrow-thin-left"></i></a>
								{% if sorts.rating_desc %}<a href="{{ sorts.rating_desc.href }}"{% if sorts.rating_desc.value == '%s-%s'|format(sort, order) %} class="active"{% endif %} rel="nofollow"><span>{{ text_rating_desc }}</span><i class="icon-star"></i></a>{% endif %}
							</div>
						</div>
						{% endif %}
					</div>
				</div>
				{% if products %}
				<div class="product-list row">
					{% for product in products %}
					<div class="product-wrap col-lg-3 col-md-3 col-sm-6 col-xs-6">
						<div class="product-item">
							<div class="product-img">
								<div class="image">
									<a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a>
								</div>
								<div class="action">
									<button type="button" data-toggle="tooltip" title="{{ button_cart }}" onclick="cart.add('{{ product.product_id }}', '{{ product.minimum }}');"><i class="icon-cart"></i></button>
									<button type="button" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="icon-heart"></i></button>
									<button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="icon-swap"></i></button>
								</div>
							</div>
							<div class="product-info">
								<h4 class="title"><a href="{{ product.href }}">{{ product.name }}</a></h4>
								{% if product.price %}
								<p class="price">
									{% if not product.special %}
									{{ product.price }}
									{% else %}
									<span class="price-new">{{ product.special }}</span>
									<span class="price-old">{{ product.price }}</span>
									{% endif %}
								</p>
								{% endif %}
							</div>
						</div>
					</div>
					{% endfor %}
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-6 text-left"><div class="pagination-amount">{{ results }}</div></div>
					<div class="col-md-9 col-sm-6 text-right">{{ pagination }}</div>
				</div>
				{% endif %}
				{% if not products %}
				<div class="row">
					<div class="col-sm-12">
					<p class="no-data-box"><i class="icon-information"></i><span class="text">{{ text_empty }}</span></p>
					<div class="buttons">
						<div class="pull-right"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
					</div>
				</div>
				</div>
				{% endif %}
				{{ content_bottom }}
			</div>
			{{ column_right }}
		</div>
	</div>
</div>
{{ footer }}